/**
 * 
 * @author José María Valera Reales <@Chemaclass>
 */
$(document).ready(function() {

    //Ocultamos el indicador de carga
    $('#indicador').hide();

    /**
     * Establecer un texto para el div indicador y mostrarlo
     * @param {type} nClass
     * @param {type} txt
     * @returns {undefined}
     */
    function indicador(nClass, txt) {
        $('#indicador').text(txt);
        $('#indicador').attr("class", "text-" + nClass);
        $('#indicador').show();
    }

    /**
     * Creamos un listener onclick para el botón de búsqueda
     */
    $('#buscar').click(function(event) {
        event.preventDefault();
        var params = $(this).parent('form').serialize();
        var tbody = $('#tabla-nombres tbody');
        $.ajax({
            url: 'ajax/home/search',
            data: params,
            type: 'POST',
            beforeSend: function() {
                indicador('info', 'Cargando...');
                $(tbody).hide(10);
            }, success: function(resp) {
                console.log(resp);
                $(tbody).empty();
                //recorremos cada elemento del json recibido
                $.each(resp, function(i, item) {
                    var fila = "<tr>"
                            + "<td>" + ucfirst(item.nombre) + "</td>"
                            + "</tr>";
                    $(tbody).append(fila);
                });
                indicador('success', 'Búsqueda realizada con éxito');
                $(tbody).show(400);
            }, error: function(err) {
                indicador('danger', 'No se encontraron resultados...');
                $(tbody).empty();
            }
        });
    });

});